<template>
  <div class="alarm-event-detail" v-loading="maskLoading">
    <event-process
      ref="process"
      :orderData.sync="orderData"
      :reldevice.sync="reldevice"
      :monitors.sync="monitors"
      :videoData.sync="videoData"
      :imgsList.sync="imgsList"
      :orderStatus.sync="curOrderStatus"
      :warningOrderId.sync="warningOrderId"
      configParam="warningOrderId"
      :isDetail="isDetail"
      :maskLoading.sync="maskLoading"
      :getOrderInfo="getOrderInfo"
    />
    <BaseAlarmDetailPage
      :orderData="orderData"
      :reldevice="reldevice"
      :monitors="monitors"
      :videoData="videoData"
      :imgsList="imgsList"
      :curOrderStatus="curOrderStatus"
      :warningOrderId="warningOrderId"
    />
  </div>
</template>

<script>
import eventProcess from "@/components/eventManagement/eventProcess.vue";
import BaseAlarmDetailPage from "@/views/pages/eventManagement/alarmEventDetail/BaseAlarmDetailPage.vue";
// import { getInterceptInfo } from '@/api/modules/eventManagement/recycleBin'
// import { getOrderInfo } from "@/api/modules/eventManagement/eventJudge";
import { getOrderInfo } from "@/api/modules/custManage/custEventJudge";

export default {
  name: "alarmEventDetail",
  data() {
    return {
      getOrderInfo: getOrderInfo,
      orderData: {},
      reldevice: {},
      monitors: {},
      videoData: [],
      imgsList: [],
      curOrderStatus: "",
      warningOrderId: "",
      isDetail: true,
      maskLoading: false,
    };
  },
  components: {
    eventProcess,
    BaseAlarmDetailPage,
  },
};
</script>
<style scoped>
.alarm-event-detail {
  height: 100%;
}
</style>
